<template>
  <el-dialog top="25vh" append-to-body title="通知消息" :visible.sync="dialogVisible" width="60%"
    :before-close="handleClose">
    <el-card shadow="never" class="box-card">
      <div slot="header" class="clearfix">
        <div>{{ record.noticeTitle }}</div>
        <div style="color: #819494;"><span>发布人：{{ record.createBy }}</span><span style="margin-left: 20px;">发布时间：{{
          record.sendTime
            }}</span> </div>
        <el-divider></el-divider>
        <span style="color: blue;" v-html="record.noticeContent" class="article-content"></span>
      </div>
    </el-card>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      record: {},
    }
  },
  methods: {
    detail(record) {
      this.record = record
      this.dialogVisible = true
    },
    handleClose() {
      this.dialogVisible = false
    }
  }
}
</script>

<style scoped>
.box-card {
  border: none;
}
</style>